<template>
  <view>
    <LoginDialog
      ref="loginDialog"
      @loginSuccessBack="loginSuccessBack"
    ></LoginDialog>

    <scroll-view
      v-if="isLogin"
      class="scrollView"
      scroll-y
      enable-flex
      @scrolltolower="loadMore"
      :refresher-triggered="triggered"
      @refresherrefresh="onRefresh"
      @refresherrestore="onRestore"
      refresher-enabled
    >
      <view
        class="allContainer"
        @click="handleCheckResult(item)"
        v-for="(item, index) in list"
        :key="index"
      >
        <view class="flexArea">
          <view class="itemName">{{ item.infoTitle }}</view>
          <view v-if="item.status == 'result'" class="red"
            >{{ item.score }}分</view
          >
          <view v-else class="green">评定中</view>
        </view>
        <view class="itemText">共 {{ item.questionNum }} 个面试题</view>
        <view class="itemText">面试时间：{{ getMdate(item.startTime) }}</view>
        <view class="flexArea">
          <view class="itemText">面试时长：{{ item.totalTimeStr }}</view>
          <view
            v-if="item.status == 'result' && item.isLock"
            class="style-unlock"
            >未解锁</view
          >
          <view v-if="item.status == 'result' && !item.isLock" class="itemText"
            >查看 ></view
          >
        </view>
      </view>

      <u-loadmore
        v-if="isLogin && (list.length > 0 || !loaded)"
        class="list-more"
        :status="moreLoading"
        :load-text="loadText"
      />

      <Empty
        v-if="isLogin && loaded && list.length <= 0"
        :baseImg="emptyImg"
        text="暂无数据"
        :fontWeight="400"
      />
    </scroll-view>
    <view v-if="!isLogin" class="no-login">
      <view class="v-no-login-img-container">
        <image :src="srcNoLogin" />
      </view>
      <view class="v-login-view-data">请登录后查看结果数据</view>
      <view class="v-login-right-now">
        <view class="v-login-right-now-text" @click="clickLogin">立即登录</view>
      </view>
    </view>
    <u-modal v-model="showTip" :content="tipContent"></u-modal>
  </view>
</template>

<script>
import common from "@/api/common.js";
import Empty from "@/components/Empty.vue";
import { reqZhituGetRecord } from "@/api/modules/company";
import LoginDialog from "@/components/LoginDialog";
import { createQR } from "@/api/modules/career";
export default {
  components: {
    Empty,
    LoginDialog,
  },
  props: {
    personId: {
      type: String,
      required: true,
    },
    modelType: "",
    fromSxh: "",
  },
  data() {
    return {
      qrcodeUrl: "",
      topHeight: getApp().globalData.topHeight,
      keyword: "",
      list: [],
      companyId: uni.getStorageSync("company-id"),

      pageParams: {
        pageNo: 1,
        pageSize: 30,
      },
      emptyImg: this.$imgBaseSelf + "common/empty.png",
      searchIcon: this.$imgBaseSelf + "common/search.png",
      srcNoLogin: this.$imgBaseSelf + "career/ai_interview_result_no_login.png",
      finished: false,
      loading: false,
      moreLoading: "loadmore",
      loadText: {
        loadmore: "加载更多",
        loading: "加载中",
        nomore: "已经到底啦",
      },
      loaded: false,

      currentOption: {
        label: "按得分升序",
        value: 1,
        type: "score_asc",
      },
      isLogin: false,
      triggered: false,
      showTip: false,
      tipContent: "当前结果还在评定中，我们将以短信的方式通知您",
    };
  },
  mounted() {
    this.getData(false);
    console.log("mounted personId:" + this.personId);
    if (this.personId == null || this.personId == "") {
      this.isLogin = false;
    } else {
      this.isLogin = true;
    }
    this.$bus.$on("updateContentInterviewListAI", this.updateHandler);
  },
  activated() {
    console.log("InterviewListAI activated");
  },
  watch: {
    personId(newValue, oldValue) {
      // console.log("personId值改变:" + newValue);
      if (newValue) {
        if (this.personId) {
          this.isLogin = true;
          this.getData(false);
        } else {
          this.isLogin = false;
        }
      }
    },
    modelType(newValue, oldValue) {
      // console.log("modelType值改变:" + newValue);
      if (newValue) {
        this.moreLoading = "loadmore";
        this.getData(false);
      }
    },
  },
  methods: {
    async createQRFn(item, buttonText) {
      const params = {
        fromPersonId:
          item.id == "3430" ? "24701709" : uni.getStorageSync("SxhPersonId"),
        valueId: item.id, // 这里是附件id 不需要复制 直接传0
        rightId: 17, // ai简历诊断4
        shareUrl: "pagesSub/doubleChannelChoosingMeeting/qrCodeParse",
        cardType: uni.getStorageSync("cardType"),
      };
      const res = await createQR(params);
      if (res.code == 200) {
        this.qrcodeUrl = res.data.qRImageBase64;
        uni.navigateTo({
          url:
            "/pagesSub/doubleChannelChoosingMeeting/qrCodeResult?objId=" +
            item.id +
            "&buttonText=" +
            buttonText +
            "&qrcodeUrl=" +
            this.qrcodeUrl +
            "&qrCodeText=立即查看结果(不保留)" +
            "&from=interviewListAI",
        });
      }
    },
    clickUnlock(item) {
      console.log("clickUnlock", item);
      this.$emit("showUnlockRightDialog", item);
    },
    updateHandler(date) {
      this.moreLoading = "loadmore";
      this.getData(false);
    },
    getMdate(date) {
      return common.getMinuteTime(date);
    },
    loadMore() {
      this.getData(true);
    },
    onRestore() {
      console.log("onRestore");
      this.triggered = false;
    },
    onRefresh() {
      console.log("InterviewListAI onRefresh:" + this.triggered);
      this.triggered = true;
      this.getData(false);
    },
    getData(isMore) {
      if (!this.personId) {
        this.personId = uni.getStorageSync("person-id").slice(2) || undefined;
      }
      if (!this.personId) {
        console.log("未登录");
        this.moreLoading = "loadmore";
        this.triggered = false;
        this.isLogin = false;
        return;
      } else {
        this.isLogin = true;
      }
      console.log("getData", this.modelType, this.moreLoading, isMore);
      if (this.moreLoading == "loading") return;
      if (this.moreLoading == "nomore" && isMore) {
        return;
      }
      this.moreLoading = "loading";
      if (!isMore) {
        this.pageParams.pageNo = 1; // 刷新数据
      }
      const params = {
        personId: this.personId,
        pageNo: this.pageParams.pageNo,
        pageSize: this.pageParams.pageSize,
        modelType: this.modelType,
      };
      reqZhituGetRecord(params)
        .then((res) => {
          this.moreLoading = "loadmore";
          this.loaded = true;
          if (res.code == 200) {
            if (isMore) {
              this.list.push(...res.data);
            } else {
              if (this.fromSxh == "sxh") {
                this.list = [
                  {
                    assessments: null,
                    comprehensiveAssessment:
                      "你在组织协调和应变处理方面展现了较强的能力，这对于研学旅行指导师岗位来说非常关键。你的安全意识也较为突出，能够从多个角度考虑学生的安全。然而，你在回答问题时有时缺乏深度和广度，语言表达和逻辑性也需要进一步提升。为了更好地胜任该岗位，建议你加强对研学旅行领域的深入了解，提升问题分析和解决的深度，同时锻炼语言沟通技巧，使信息传达更加清晰有力。",
                    detailList: [
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答提到了研学旅行与实践学习的结合以及寓教于乐的教学方式，这与研学旅行的基本理念相符，体现了你对研学旅行实践操作和互动体验特点的理解。然而，你的回答缺乏对跨学科融合和培养综合素质这两个关键特点的提及，这是研学旅行的重要组成部分。此外，你的回答中提到了研学旅行的不同时长和类型，这虽然不是问题的直接要求，但展示了你对研学旅行形式的一定了解。你的语言表达有些犹豫和重复，建议在面试中尽量使用清晰、准确的语言来表达自己的观点。为了更全面地回答问题，建议你在未来的回答中加入关于跨学科融合和培养综合素质的描述，并尝试更深入地探讨研学旅行的教育意义。",
                        score: 5,
                        answer:
                          "研学旅行的话，它基本上是在呃实践当中进行学习，然后他能够结合一些户外的这个条件去进行一些寓教于乐的教学，那它的特点呢，其实主要是在我们国内的话，它分为呃不同时长和不同类型，那它有半日的，一日的，也有两日三日甚至多日的夏令营，那它这个类型的话，其实有户外运动，自然自然类型的，包括这些体验，还有呃等等等等的，那他可能最终都是为了学生的德智体美劳全面发展。你可以谈谈研学旅行的组织与管理吗？",
                        questionTitle:
                          "你能够简要介绍一下研学旅行的基本概念和特点吗?",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEBebEZbQlxTRVFuRFhBWUJBWGxDWURY/2024-09-08-23-52-15.mp4",
                        num: 1,
                        id: "20948",
                        standardAnswer:
                          "研学旅行是一种将学习与旅行结合起来的教育活动，通过参观考察、实地体验等方式，使学生在实践中获取知识和技能，培养综合素质。其特点包括注重实践操作、强调互动体验、跨学科融合、培养综合素质等。",
                      },
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答对研学旅行的组织与管理有一定的理解，特别是在强调安全性和师资配比方面做得不错，这显示了你对于研学旅行安全管理的重视。同时，你也提到了物料筹备、团队协调和活动后的用户调研与运营分析，这些内容都是组织研学旅行时需要考虑的要素。但是，你的回答中没有明确提及行程安排、资源调配以及风险评估等关键词，这些是研学旅行组织与管理中非常重要的方面。此外，你的回答虽然提到了寓教于乐的重要性，但没有具体阐述如何关注学生的学习效果和体验，这是提升研学旅行质量的关键。建议你在未来的回答中更加注重问题的关键要点，并尝试给出更具体的行动方案和深入分析，以便全面展示你对研学旅行组织与管理的理解和能力。",
                        score: 6.5,
                        answer:
                          "那研学旅行的话，其实呃，因为是面向学生，所以他最重要的其实是安全性，那呃，我们在研学旅行的组织过程当中呢，第一个要注重师资的配比，呃要达到一定的人数，比如说一般可能是1:10或者1:6的这样的一个老师和学生的的配比，那第二个呢，我们可能在出发前要做好这样的一个物料筹备呢，形成踩点和这个安全保障的这样的一个情况，那在活动中的话，其实我们要协调我们的这个执行人员，那包括我们的带队老师，场控，还有我们的拍照文字记录等等的这样的一个职能，那我们在事后，呃，活动后的话，也要做好用户调研，那做好这样的一个成本和这个营销情况的这样一个分析，做好这样的运营，那呃，其实很重要的一个点就是除了安全性以外，就是我们要在研学旅行当中做好这样的一个，呃，有趣。并且是寓教于乐，能够让学生们有所收获。你对研学旅行。",
                        questionTitle: "你可以谈谈研学旅行的组织与管理吗?",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEBeZ0dbQlxTRVFuRFhEWEJBWGxDWURY/2024-09-08-23-53-06.mp4",
                        num: 2,
                        id: "20949",
                        standardAnswer:
                          "研学旅行的组织与管理包括行程安排、资源调配、风险评估等方面。在组织方面，需要根据学生的学习需求和目标确定行程安排，并合理调配资源。在管理方面，需要进行风险评估，确保学生的安全，同时也要关注学生的学习效果和体验。",
                      },
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答涵盖了研学旅行教学设计的一些关键要素，比如考虑不同年龄段的学生需求、教学方法的选择、以及教学设计的趣味性和吸引力。你也提到了学科知识的渗透和拓展，以及课堂与实践的结合，这些都是很好的点。但是，你的回答在组织结构上显得有些杂乱，缺乏清晰的逻辑性。同时，对于评估与反思的部分没有提及，这是教学设计中一个重要的环节。另外，你的语言表达有待提高，出现了一些语病和重复词汇，这影响了信息的清晰传达。建议你在未来的回答中更加注重逻辑性和语言的流畅性，并尝试全面覆盖问题的各个方面。",
                        score: 6.8,
                        answer:
                          "那。那研学旅行的教学设计的话，其实很重要，第一个就是我们的核心目的就是能够在研学旅行当中，把这个相对应的这个知识点能够符合他这个年龄段去教会给他，那比如说小学，初中，高中，他们的这个知识面和接受程度是不一样的，那寻找这个不同年龄段和不同这个年级的这个合适的，呃，教授支持的方式，那就是至关至关重要的，那我们在这个教学设计里面，第一个要保证的肯定是有趣，吸引孩子的注意力啊，觉得有好有有好玩对吧，那我们相信这个有趣是兴趣是第一驱动力，那第二个呢，是我们是要结合他的这个现在年龄段的一些学科知识，做一些学科的渗透，那第三个我们还要做一些拓展，那可能一方面呢，是纵向的，纵向的是学科，可能是比如说我们提前小学的，或者是呃，小学的学生，我们可能会提前。透露一些初中的知识来做一些纵向的拓展，还有一些横向的拓展，那可能会呃做一些这个呃除了课本上知识以外的一些知识，嗯，不不光是什么语数外啊，或者是生物化学物理什么的，那呃研学旅行的教学设计的话，第一呃我们就会把控好课时，我们会把这个呃课堂还有实践呃还有这个反馈，这几个环节穿插在一起，让孩子们呃听完了以后有输入也有输出，那呃在这个教学设计里面，我们可能用到很多教道具，就比如说我们的PPT，那在户外的时候，可能户外的PPT，那我们还有一些研学的手册来去指导我们的这个学生的学习。请问。",
                        questionTitle: "你对研学旅行的教学设计有什么了解?",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEBRakNbQlxTRVFuRVFHXEJBWGxDWURY/2024-09-08-23-54-19.mp4",
                        num: 3,
                        id: "20950",
                        standardAnswer:
                          "研学旅行的教学设计是为了达到旅行目的地的学习目标而进行的教学计划。在教学设计中，需要考虑学生的学习需求和兴趣，合理选择教学方法和手段，使学生能够在旅行中进行实际操作和互动体验，达到知识与实践的结合。教学设计还需要关注学生的评估与反思，促进学生的学习效果和成长。",
                      },
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答展示了你在研学旅行中的组织与安排能力，特别是在小组管理和应急准备方面的实际操作经验。你提到了分组管理、团队游戏、竞争与合作以及应急预案等方面，这些都是组织研学旅行时重要的环节。然而，你的回答中缺少了对目的地调研、行程规划、交通预订等关键环节的描述，这些都是研学旅行组织中不可或缺的部分。此外，你的回答虽然表现出一定的逻辑性，但在表达上稍显紊乱，缺乏清晰的结构。建议你在未来的面试中更加注重答案的完整性，包括所有关键要点，并尝试以更加有条理的方式来组织你的语言，这将有助于提高你的评分。",
                        score: 6.8,
                        answer:
                          "那我在研学旅行的组织与安排当中，呃有一些我结合具体的例子，那比如说我们要去开团去研续旅行，可能一个团是30个人左右，那这30个人呢，其实要统一管理好其实是不容易的，那我会首先第一个会把他们分好小组，那呃以小组的形式去激发他们团队的意识，然后呃做好分组，分而治之嘛，那每个小组也会选取一个小组长，那我们可能为了让小组有这样的一个很好的一个管理，管理度和一个凝聚力，那么可能会做一些团队的小游戏，帮助他们呃有团体意识，或者融入到这个集体当中，然后互相认识以后做引导他们做一些PK或者一些竞赛，来通过一些奖惩的方式呢，帮助他们在小组之间有一些呃，竞争和合作，那通过这样子的方式呢，我们可以让研学旅行更好的去开展，那还有一个呢，就是我们的这个组织安排能力，其实很重要的一个点就是第一。一个是对于分工的这个，呃详细程度，那我们可能会有不同的职能去做好不同的事情，那还有一个很重要的一点就是即使安排的再好，我们会也会有导师手册去安排这个分工嘛，但安排的再好的话，其实都会出现意外状况，那可能就是应急的这个应变能力会非常重要，那我们也会有一些手册和预案做好，呃这样子充分的一个准备，那呃在研学的组织和安排当中，我们我的话，第一个就是可能亲和力，表达能力，沟通能力，协调能力比较强。",
                        questionTitle:
                          "请描述一下你在研学旅行中的组织与安排能力是如何发挥的？",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEBQaENbQlxTRVFuRVBFXEJBWGxDWURY/2024-09-08-23-56-19.mp4",
                        num: 4,
                        id: "20951",
                        standardAnswer:
                          "在研学旅行中，我会提前进行目的地的调研和规划，包括景点的选择、行程的安排、交通的预订等。同时，我会根据学生的特点和需求，制定合理的活动安排，确保学生能够全面参与并获得有效的学习体验。我还会关注行程的细节，如餐食安排、住宿条件等，以确保学生在旅行中的安全和舒适。我会与相关人员进行沟通和协调，确保各项活动的顺利进行。最后，我会及时总结和反馈旅行的效果，为后续的研学旅行提供参考和改进建议。",
                      },
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答展现出了你在实际情况中的沟通与协调能力，特别是在处理突发事件时的应变能力。你描述了如何在一个大型研学旅行团队中通过分组和实时汇报来解决食堂安排的问题，这体现了你的组织能力和对紧急情况的处理。你还提到了如何控制学生预期和引起兴趣，这也是沟通的一部分。然而，你的回答虽然具体且有实际案例支持，但在语言表达上稍显紧凑，建议在未来的表述中可以更加条理清晰，适当地使用专业术语，以提升专业性。此外，你的回答可以进一步提及与家长和景点负责人的沟通细节，以展现更全面的沟通与协调能力。",
                        score: 7,
                        answer:
                          "那比如说这个我之前做过一个900人的这个研学团，那可能我们分了12个小队，那12个小队呢，呃，会有不同的负责人，那因为有一次我们是呃食堂出了问题，没有给我们留好位置，那按理来说我们是每个班应该凑个5~10分钟过来，我们就可以入座了，但最那当时的情况可能只能留，只能容纳6个小队，那我们有12个小队怎么办呢？那我们一方面呢，是让我们在另外另外一个第二现场的这个老师做好这样子的一个互动和问答，那先把大家的情绪稳住，然后呢，我们会呃分分两六个12个小队，分6个嘛，然后其中其中的这六个，那我们会让每一个领队去做好实时的汇报，就比如说快到食堂了，那进行汇报，然后呃，等我的通知以后，然后才可以上来，那上来以后呢，我们会按照小队的这个情况做好分组，那所有。的这个问题，学生有问题都会找到自己的小队长，那小队长也会把这个问题反馈给他上面的这个负责人，负责人会统一到我这里，那我们会有这个呃小队工作人员的群，也会有自己内部的群，也会有这样的一个呃和所有学生在一起的这个群，那我们这样子呢，就实现了呃不同问题的不同处理方式，以及呃层层去消化和处理的这个应对的情况，那呃我自己的这个沟通协调能力呢，第一个除了是内部的这个组织协调，第二个也是跟同学们去做这样的沟通，那可能会在前期的时候控制好学生们的预期，那一方面呢，不让他们对于客观的这个流程有太多的这个偏差和期待，那导致会失望，那第二个呢，会引起他们的这个兴趣，告诉他们可能未来会发生什么事情，那在这个过程当中，其实无论是对自己的组织和这个呃，我们同事之间的这个协调，还是对于呃，我们学生或者乃至用户。这个协调啊，可能都需要做这样的一个沟通和处理。请说明你在研学旅行中如何保障学生的安全？",
                        questionTitle:
                          "请举例说明你在研学旅行中如何展示出良好的沟通与协调能力？",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEFZZ0NbQlxTRVFuRVNEXEJBWGxDWURY/2024-09-08-23-58-09.mp4",
                        num: 5,
                        id: "20952",
                        standardAnswer:
                          "在研学旅行中，我会与学生、家长、景点负责人、导游等多方进行沟通和协调。我会与学生和家长进行详细的沟通，了解他们的需求和关注点，以便更好地安排行程和活动。同时，我会与景点负责人和导游进行沟通，了解他们的工作安排和要求，确保活动的顺利进行。在面对问题和困难时，我会及时与相关人员进行沟通和协调，寻找解决方案。我会保持积极的沟通态度，倾听他人的意见和建议，并做出适当的调整。通过良好的沟通与协调，我能够有效地组织和管理研学旅行活动。",
                      },
                      {
                        recordId: "3430",
                        assessment:
                          "你的回答在保障学生安全方面提出了一系列具体措施，如购买保险、踩点测试流程、分组管理、安全教育、配备医疗人员和急救知识、准备医疗包以及了解附近医疗点等，这显示了你对研学旅行安全的重视和细致的考虑。你的回答也展现出了良好的组织和逻辑性，以及一定的专业知识。然而，你的回答虽然覆盖了多个方面，但在与标准答案的比较中，你没有提到提前了解目的地安全情况、选择安全可靠的交通工具和住宿场所、与相关负责人沟通确保景点和活动安全措施、关注天气和交通变化以及调整行程活动等关键点。这些都是确保研学旅行中学生安全的重要措施。建议你在未来的回答中能够更全面地考虑各种潜在风险，并提出相应的预防和应对措施，以便更加全面地展示你的专业能力和对学生安全的全面关怀。",
                        score: 7.5,
                        answer:
                          "那首先第一个呢，我们会采买保险，第二个呢，我们会在这个研学的开始之前，我们会去踩点和整个流程的这样的一个测试，那确保有呃去除掉更多的不安全的这个情况，那第三个呢，是我们会呃用用小组的形式去做好分组，那我们每个小组也会有小组长，那小组长呢，会协调和帮助我们管理这个学生的这个安全情况，那我们有一些不能做的事情，然后呃会跟同学们及时去呃讲清楚，那学生们发生任何的情况呢，大家可以起到一个互相监督，互相管理的这个作用，那我们除了这个基本的一些流程机制保障以外，我们也会配备专业的这个医疗人员，包括我们的研学导师和我自己也会有一些基本的急救常识，呃和急救的CPR啊，或者是一些基本的一些医疗能力，那呃好，每个旅行，每个研学旅行，我们也会配备好医疗包，现在应对意外情况，去保证我们学生的安。那还有一个就是很重要的，就是我们会提前看好这个附近的这个医疗点呢，出现任何的紧急情况，我们会和家长第一时间采取联系，送至附近的这个医疗点，那保证我们学生的安全和健康。",
                        questionTitle:
                          "请说明你在研学旅行中如何保障学生的安全？",
                        videoUrl:
                          "http://ai-interview-1251496707.cos.ap-guangzhou.myqcloud.com/interview/interview-video/origin/interview-push.yl1001.com/live/1832809133182763009/UUpTbkZUQl9YRl5vQ1tDUVBIWm1MUUpaUkNYZ0ZWRVhRQFBlHQ8HDhMGADoDTAMeEhhHJhhQQ1tQXgowGVsfAhcVU25DU0ZTUEFbbUdbQlxTRVFuRVVCWEJBWGxDWURY/2024-09-09-00-00-25.mp4",
                        num: 6,
                        id: "20953",
                        standardAnswer:
                          "在研学旅行中，学生的安全是我最重要的考虑因素。我会提前了解目的地的安全情况，并选择安全可靠的交通工具和住宿场所。我会与相关负责人进行沟通，确保景点和活动的安全措施得到落实。在旅行过程中，我会对学生进行安全教育和指导，告知他们应该注意的事项和应急处理方法。我会与学生保持密切的联系，及时了解他们的动态，确保他们的安全。同时，我也会随时关注天气和交通等因素的变化，及时调整行程和活动，以确保学生的安全和舒适。通过严格的安全管理，我能够让学生在研学旅行中放心、安全地学习和成长。",
                      },
                    ],
                    endTime: "2024-09-09 00:01:42",
                    id: "3430",
                    infoId: "224",
                    infoTitle: "研学旅行指导师面试",
                    isLock: false,
                    keyTags: ["组织协调能力", "应变处理能力", "安全意识"],
                    personId: "614393",
                    positionId: null,
                    questionNum: 6,
                    score: 9.5,
                    startTime: "2024-09-08 23:52:04",
                    status: "result",
                    statusName: "面试完成",
                    suggestion: null,
                    suggestionStr: null,
                    totalTime: 578,
                    totalTimeStr: "09分38秒",
                  },
                ];
                if (res.data.length > 0) {
                  this.list.push(res.data[0]);
                }
              } else {
                this.list = res.data;
              }
            }
            this.pageParams.pageNo++;
            if (this.pageParams.pageNo > res.pageparam.pages) {
              this.moreLoading = "nomore";
            }
          } else {
            this.moreLoading = "nomore";
            if (this.personId) {
              uni.showToast({
                title: res.status_desc,
                icon: "none",
              });
            }
          }
        })
        .catch((e) => {
          console.log(e);
          this.moreLoading = "nomore";
        })
        .finally(() => {
          this.triggered = false;
        });
    },

    handleCheckResult(item) {
      if (item.status == "result") {
        if (item.isLock) {
          this.clickUnlock(item);
        } else {
          if (this.fromSxh == "sxh") {
            // 这跳转去二维码页面 否则走之前的逻辑
            this.createQRFn(item, "扫码查看保留AI面评结果");
            // uni.navigateTo({
            //   url:
            //     "/pagesSub/doubleChannelChoosingMeeting/qrCodeResult?objId=" +
            //     item.id +
            //     "&buttonText=扫码查看保留AI面评结果" +
            //     "&qrcodeUrl=" +
            //     this.qrcodeUrl +
            //     "&from=interviewListAI",
            // });
          } else {
            uni.navigateTo({
              url:
                "/pagesSub/companyCenter/interviewAI/interviewResult?objId=" +
                item.id +
                "&from=zhitu",
            });
          }
        }
      } else {
        if (this.fromSxh == "sxh") {
          // 这跳转去二维码页面 否则走之前的逻辑
          // 这是还没有出结果的情况
          // 要传入评定中文案
          this.createQRFn(item, "评定中");
          // uni.navigateTo({
          //   url:
          //     "/pagesSub/doubleChannelChoosingMeeting/qrCodeResult?objId=" +
          //     item.id +
          //     "&buttonText=扫码查看保留AI面评结果" +
          //     "&qrcodeUrl=" +
          //     this.qrcodeUrl +
          //     "&from=interviewListAI",
          // });
        }
        if (this.fromSxh == "fromSxhQrCode") {
          this.showTip = true;
        }
      }
    },
    clickLogin() {
      this.showLoginDialog();
    },
    showLoginDialog() {
      if (!this.isLogin) {
        this.$refs.loginDialog.setVisibility(true);
      }
    },
    loginSuccessBack() {
      let myPersonId = uni.getStorageSync("person-id").slice(2) || undefined;
      // console.log("loginSuccessBack", myPersonId);
      if (myPersonId == null || myPersonId == "") {
        this.isLogin = false;
      } else {
        this.isLogin = true;
      }
      this.onRefresh();
    },
  },
};
</script>

<style lang="scss" scoped>
$img-base-cdetail: $img-base + "cdetail/";

.scrollView {
  box-sizing: border-box;
  height: calc(100vh - 200rpx);
  padding-bottom: 330rpx;
}

.allContainer {
  display: flex;
  background: white;
  border-radius: 32rpx;
  padding: 32rpx;
  margin: 32rpx;
  flex-direction: column;

  .flexArea {
    display: flex;
    justify-content: space-between;
  }

  .itemName {
    font-size: 16px;
    color: #222222;
  }

  .itemText {
    margin-top: 10rpx;
    font-size: 12px;
    color: #888888;
  }
  .style-unlock {
    margin-top: 10rpx;
    font-size: 12px;
    color: #f75a3e;
  }

  .itemTime {
    margin-top: 12rpx;
    font-size: 12px;
    color: #888888;
  }

  .itemResultNum {
    margin-top: 20rpx;
    font-size: 12px;
    color: #888888;
  }

  .itemContent {
    display: flex;
    flex-direction: column;
  }

  .red {
    color: #f75a3e;
    font-size: 40rpx;
  }

  .green {
    color: #0ea105;
    font-size: 40rpx;
  }
}

.no-login {
  width: 100%;
  margin-top: 144rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .v-no-login-img-container {
    display: flex;
  }

  .v-login-view-data {
    margin-top: 16rpx;
    font-size: 32rpx;
    line-height: 56rpx;
    font-weight: bold;
    text-align: center;
  }

  .v-login-right-now {
    width: 100%;
    margin-top: 92rpx;

    .v-login-right-now-text {
      height: 88rpx;
      background-color: #f75a3e;
      border-radius: 16rpx;
      margin-left: 32rpx;
      margin-right: 32rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
    }
  }
}
</style>
